import React from "react";
// import Todo from "./components/8-TodoList/Todo/Todo";
import Slider from "./components/2-state/4-slider";
import Hero from "./components/10-组件通信/3-pubsub/Hero";
import GoodsImage from "./components/7-hooks/3-GoodsImage";
// import { BrowserRouter, Routes, Route, Link, NavLink } from "react-router-dom";
import {
  BrowserRouter,
  Routes,
  Route,
  Link,
  NavLink,
  useRoutes,
} from "react-router-dom";
import routs from './routes';
import './App.css';

function App() {
  //创建路由的虚拟 DOM 对象
  let ele = useRoutes(routs);

  return <div className="qq-container container">
    <div className="top">
      <NavLink to="/music" >音乐馆</NavLink>
      <NavLink to="/mine-music">我的音乐</NavLink>
    </div>
    {ele}
  </div>
}

//暴露
export default App;
